<template>
	<!--登录 -->
	<view class="page-content">
		<!-- 标题栏和状态栏占位符 -->
		<view class="titleNview-placing"></view>
		<w-tit leftIcon="arrowleft" @clickLeft="back" color="#999" iconfont="30"></w-tit>
		<view class="page-top">
			<view class="top-o">请先创建主体</view>
			<view class="top-t">管理您的品牌</view>
		</view>
		<view class="page-body">
			<image class="company-no" src="/static/companyNo/mainPart.jpg"></image>
			<view class="btn-row" @tap="tobrand">去创建<image class="icon-sjt" :src="$mAssetsPath.icon_sjt">
				</image>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	import {
		sendSmss,
		logins,
		registers,
	} from '@/common/api.js';
	import store from '@/store'
	import wTit from '@/components/w-tit/w-tit-back.vue';
	export default {
		components: {
			wTit
		},
		data() {
			return {
				params: {
					mobile: '',
					pass: ''
				},
				formdata: {
					mobile: '',
					sms_code: '',
					pass: '',
					type: '3344',
					sms_type: '3344'
				},
				btnText: '获取验证码',
				btnDis: false,
			}
		},
		computed: {
		},
		onLoad(query) {
			console.log(222)
		},
		methods: {
			...mapActions('user', ['setToken']),
			//跳转忘记密码
			tobrand() {
				uni.navigateTo({
					url: `/pages/brandCreation/authentication`
				})
			},
			back() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>

<style lang="scss">
	.titleNview-placing {
		height: var(--status-bar-height);
		box-sizing: content-box;
		background: $uni-bg-color;
		display: block;
		position: sticky;
		top: 0rpx;
		z-index: 9999;
		overflow: hidden
	}

	.det-con-more {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 10rpx;
		color: #bbb;
		font-size: 24rpx;
	}

	.icon-tb {
		width: 32rpx;
		height: 32rpx;
		margin-right: 20rpx;
	}

	.page-content {
		display: flex;
		flex-direction: column;
		background: #f9f9f9;
		width: 100vw;
		height: 100vh;

		.page-top {
			height: 300rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 30rpx;

			.top-o {
				font-size: 48rpx;
				font-weight: bold;
				line-height: 66rpx;
				color: $uni-text-color;
				margin-bottom: 10rpx;
			}

			.top-t {
				font-size: 28rpx;
				font-weight: 400;
				line-height: 40rpx;
				color: $font-color-base;
			}
		}

		.page-body {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.company-no {
				width: 680rpx;
				height: 388rpx;
				margin-bottom: 40rpx;
			}

			.btn-row {
				display: flex;
				align-items: center;
				padding: 0 30rpx;
				line-height: 100rpx;
				background: rgba(0, 0, 0, 0);
				font-size: 36rpx;
				color: $font-color-b3;
				height: 100rpx;

				.icon-sjt {
					width: 28rpx;
					height: 28rpx;
					margin-left: 12rpx;
				}

			}
		}
	}
</style>
